<!--幻灯片-->
<div class="banner">
    <ul>
        <MyTag:slider item="article"  limit="5">
        <li style="background-image: url({$article['url']}); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{$article['url']}', sizingMethod='scale');"></li>
        </MyTag:slider>
    </ul>
    <a href="#" class="unslider-arrow prev"></a>
    <a href="#" class="unslider-arrow next"></a>
</div>
<div class="trends">
    <div class="trends_m">
        <div class="trends_t"><div class="title01"><img src="__PUBLIC__/theme/images/title01.png" width="147" height="17" /></div><div class="more01"><a href="{:U('Lzz/category',array('id'=>13))}"><img src="__PUBLIC__/theme/images/more01.png" width="43" height="11" border="0" /></a></div></div>
        <div class="trends_con">
            <MyTag:articles category_id="13" count="c" key="i" item="article"  limit="3">
            <div class="trends_list<if condition='(($c-1) eq $i)'>2</if> ">
                <div class="trends_main">
                    <div class="trends_main_t"><h3>{:simple_substr($article['title'],20)}</h3></div>
                    <div class="trends_main_pic"><img src="__PUBLIC__/theme/images/pic0{$i+1}.png" width="293" height="100" /></div>
                    <div class="trends_main_text"><p><a href="{:U('Lzz/article_detail',array('id'=>$article['id']))}">{:substr_cut($article['content'],68)}...</a></p></div>
                </div>
                <div class="more02"><a href="{:U('Lzz/category',array('id'=>13))}"><img src="__PUBLIC__/theme/images/more02.png" width="59" height="16" border="0" /></a></div>
                <div class="icon01"></div>
                <div class="clear"></div>
            </div>
            </MyTag:articles>

            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="main">
    <div class="news">
        <div class="news_t">
            <div class="title02"><img src="__PUBLIC__/theme/images/title02.png" width="130" height="17" /></div>
            <div class="more01"><a href="{:U('Lzz/category',array('id'=>12))}"><img src="__PUBLIC__/theme/images/more01.png" width="43" height="11" border="0" /></a></div>
        </div>
        <div class="news_m">
            <div class="news_m_pic"><img src="__PUBLIC__/theme/images/pic04.png" width="215" height="164" /></div>
            <div class="news_m_c">
                <MyTag:articles category_id="12" key="i" item="article"  limit="1">
                    <div class="news_title"><h3>{:simple_substr($article['title'],27,75)}</h3></div>
                    <div class="news_time">{:date('Y-m-d', $article['public_time'])}</div>
                    <div class="news_text">
                        <p><a href="{:U('Lzz/article_detail',array('id'=>$article['id']))}">{:substr_cut($article['content'],102)}...</a></p></div>
                </MyTag:articles>
            </div>
            <div class="clear"></div>
        </div>
        <MyTag:articles category_id="12" key="i" item="article"  start="1" limit="4">
        <div class="news_list">
            <div class="news_list_l"><a href="{:U('Lzz/article_detail',array('id'=>$article['id']))}">{:simple_substr($article['title'],40,120)}</a></div>
            <div class="news_list_r">{:date('Y-m-d', $article['public_time'])}</div>
            <div class="clear"></div>
        </div>
        </MyTag:articles>

    </div>
    <div class="main_r">
        <div class="company">
            <div class="company_pic"><img src="__PUBLIC__/theme/images/title03.png" width="302" height="188" /></div>
            <div class="company_text">
               <!-- <MyTag:articles category_id="8"  key="i" item="article" short="160" limit="1"></MyTag:articles>-->
                <p><a href="{:U('Lzz/category',array('id'=>8))}">湖北绿之洲再生资源有限公司。自成立以来，始终坚守商业伦理与法治底线，坚持“简单、透明、规范、责任”的核心价值观...</a></p>

            </div>
        </div>
        <div class="contact"><a href="{:U('Lzz/category',array('id'=>19))}"><img src="__PUBLIC__/theme/images/contact.png" width="320" height="97" border="0" /></a></div>
    </div>
    <div class="clear"></div>
</div>
<script type="text/javascript">
    var unslider =  $('.banner').unslider({
        speed: 500,               //  The speed to animate each slide (in milliseconds)
        delay: 3000,              //  The delay between slide animations (in milliseconds)
       // keys: true,
        dots: true,               //  Display dot navigation
        fluid: false              //  Support responsive design. May break non-responsive designs
    });
    $('.unslider-arrow').click(function() {
        var fn = this.className.split(' ')[1];
        //  Either do unslider.data('unslider').next() or .prev() depending on the className
        unslider.data('unslider')[fn]();
    });
</script>

